<!DOCTYPE html>
<meta charset="UTF-8">
<h2>常用按钮</h2>
<div style="padding: 1px;">
	<a href="#" data-type="linkbutton" onclick="test()">常规按钮</a>
	<a href="#" data-type="linkbutton" data-define="iconCls:'icon-add'">新增</a>
	<a href="#" data-type="linkbutton" data-define="iconCls:'icon-remove'">删除</a>
	<a href="#" data-type="linkbutton" data-define="iconCls:'icon-save'">保存</a>
	<a href="#" data-type="linkbutton" data-define="iconCls:'icon-cut',disabled:true">剪切</a>
	<a href="#" data-type="linkbutton" data-define="iconCls:'icon-remove','width':120">
		<span style="color: red">自定义颜色</span>
	</a>
	<a href="#" data-type="linkbutton" data-define="iconCls:'icon-remove','width':150">自定义长度</a>
</div>
<h2>常用按钮</h2>
<div style="padding: 1px;">
	<a href="#" data-type="linkbutton" data-define="iconCls:'icon-add','iconAlign':'right','width':150">图片右对齐</a>
</div>
<h2>常用按钮</h2>
<div style="padding: 1px;">
	<a class="agbutton" onclick="test()">
		<span class="start"></span> <span class="field" style="width: 100px; text-align: center"> <span
			class="icon-add" style="width: 20%;"></span> <span class="text" style="width: 80%;">按钮源码</span>
		</span> <span class="end"></span>
	</a>
</div>
<script type="text/javascript">
	function test() {
	    alert();
    }
</script>
